<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <title>用户统计</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- page specific plugin styles -->
    <script src="__PUBLIC__/admin/js/jquery.min.js"></script>
    <script src="__PUBLIC__/admin/js/lodash.min.js"></script>
    <script src="__PUBLIC__/admin/js/moment.min.js"></script>
    <script src="__PUBLIC__/admin/js/zh-cn.js"></script>
    <script src="__PUBLIC__/admin/js/numeral.min.js"></script>
    <script src="__PUBLIC__/admin/js/toastr.min.js"></script>
    <script src="__PUBLIC__/admin/js/cookies.js"></script>
    <script src="__PUBLIC__/admin/js/knockout-min.js"></script>
    <script src="__PUBLIC__/admin/js/knockout.mapping.min.js"></script>
    <script src="__PUBLIC__/admin/js/bootstrap-datetimepicker.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.validate.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.validate.unobtrusive.min.js"></script>
    <script src="__PUBLIC__/admin/js/clipboard.min.js"></script>
    <script src="__PUBLIC__/admin/js/select2.min.js"></script>
    <script src="__PUBLIC__/admin/js/admin.js"></script>
    <script>moment.locale('zh-cn');
      toastr.options.positionClass = 'toast-bottom-right';</script>
    <!-- inline styles related to this page -->
    <!-- ace settings handler -->
    <script src="__PUBLIC__/admin/js/ace-extra.min.js"></script>
    <!-- <script>
    var __BASEURL = "http://novel.818tu.com/";
    </script> -->
    <link media="all" href="__PUBLIC__/admin/css/index02.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/glyphicons-halflings-regular.css"></head>
  
  <body class="no-skin">
    <!-- #section:basics/navbar.layout -->
    <include file="./Public/gong/title.html" />
    <div class="main-container" id="main-container">
      <script type="text/javascript">try {
          ace.settings.check('main-container', 'fixed')
        } catch(e) {}</script>
      <div id="sidebar" class="sidebar responsive">
        <script type="text/javascript">try {
            ace.settings.check('sidebar', 'fixed')
          } catch(e) {}</script>
        <include file="./Public/gong/list.html" />
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
          <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
        <script type="text/javascript">try {
            ace.settings.check('sidebar', 'collapsed')
          } catch(e) {}</script>
      </div>
      <!-- /section:basics/sidebar -->
      <div class="main-content">
        <div class="breadcrumbs" id="breadcrumbs">
          <script type="text/javascript">try {
              ace.settings.check('breadcrumbs', 'fixed')
            } catch(e) {}</script>
          <ul class="breadcrumb">
            <li>
              <i class="ace-icon fa fa-home home-icon"></i>
              <a href="__APP__/Admin/Index/index.html">Home</a></li>
            <li class="active">用户统计</li></ul>
          <!-- /.breadcrumb -->
          <!-- /section:basics/content.searchbox --></div>
        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">
          <div class="page-content-area">
            <div class="row">
              <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->
                <!--/span-->
                <!-- left menu ends -->
                <div style="margin-bottom: 10px;">
                  <ul class="nav nav-tabs">
                    <li class="">
                      <a href="__URL__/chanrge_static.html">订单统计</a></li>
                    <li class="active">
                      <a href="__URL__/people_static.html">用户统计</a></li>
                    <li class="">
                      <a    href="__URL__/people_day_active.html">日活用户</a></li>
                    <li style="display: none;" class="">
                      <a href="#">小说统计</a></li>
                  </ul>
                </div>
                <script>var uid = null;</script>
                <div class="row" id="member-summary-stats-panel">
                  <div class="col-md-3">
                    <div class="well">
                      <b>今日新增
                        <!-- <span style="font-weight: normal; font-size: 13px; color: rgb(0, 153, 0);" class="pull-right">
                        <span data-bind="text: refresh_seconds_left">55</span> 秒后刷新
                        </span> --></b>
                      <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                        <a href='__URL__/increase_user?inctime=today'><span data-bind="text: stats_today.new_member_count">{$today_people3}</span></a>
                        <div style="font-size: 13px;" class="text-muted">
                          <b class="text-warning" data-bind="text: stats_today.male_count">{$today_people1}</b>男性,
                          <b class="text-warning" data-bind="text: stats_today.female_count">{$today_people2}</b>女性
                          <!-- <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" data-bind="text: stats_today.new_member_count() - stats_today.male_count() - stats_today.female_count()">0</b> 未知 --></div></div>
                      <div>
                        <div>
                          <b class="text-warning"></b></div>
                        <div>已付费:
                          <b class="text-warning">
                            <span data-bind="text: stats_today.paid_count">{$today_people_ps}</span>(
                            <span data-bind="text: Math.round(stats_today.pay_rate() * 100)">{$today_people_ps/$today_people3*100|round=2}</span>%)</b></div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="well">
                      <b>昨日新增</b>
                      <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                        <a href='__URL__/increase_user?inctime=yesterday'><span data-bind="text: stats_yesterday.new_member_count">{$yes_people3}</span></a>
                        <div style="font-size: 13px;" class="text-muted">
                          <b class="text-warning" data-bind="text: stats_yesterday.male_count">{$yes_people1}</b>男性,
                          <b class="text-warning" data-bind="text: stats_yesterday.female_count">{$yes_people2}</b>女性
                          <!-- <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" data-bind="text: stats_yesterday.new_member_count() - stats_yesterday.male_count() - stats_yesterday.female_count()">0</b> 未知 --></div></div>
                      <div>
                        <div>
                          <b class="text-warning"></b></div>
                        <div>已付费:
                          <b class="text-warning">
                            <span data-bind="text: stats_yesterday.paid_count">{$yes_people_ps}</span>(
                            <span data-bind="text: Math.round(stats_yesterday.pay_rate() * 100)">{$yes_people_ps/$yes_people3*100|round=2}</span>%)</b></div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="well">
                      <b>本月新增</b>
                      <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                        <a href='__URL__/increase_user?inctime=month'><span data-bind="text: stats_this_month.new_member_count">{$month_people3}</span></a>
                        <div style="font-size: 13px;" class="text-muted">
                          <b class="text-warning" data-bind="text: stats_this_month.male_count">{$month_people1}</b>男性,
                          <b class="text-warning" data-bind="text: stats_this_month.female_count">{$month_people2}</b>女性
                          <!-- <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" data-bind="text: stats_this_month.new_member_count() - stats_this_month.male_count() - stats_this_month.female_count()">0</b> 未知 --></div></div>
                      <div>
                        <div>
                          <b class="text-warning"></b></div>
                        <div>已付费:
                          <b class="text-warning">
                            <span data-bind="text: stats_this_month.paid_count">{$month_people_ps}</span>(
                            <span data-bind="text: Math.round(stats_this_month.pay_rate() * 100)">{$month_people_ps/$month_people3*100|round=2}</span>%)</b></div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-3">
                    <div class="well">
                      <b>所有时间</b>
                      <div class="text-primary" style="font-size: 32px; margin: 5px 0px;">
                        <span data-bind="text: stats_all_time.new_member_count">{$all_people3}</span>
                        <div style="font-size: 13px;" class="text-muted">
                          <b class="text-warning" data-bind="text: stats_all_time.male_count">{$all_people1}</b>男性,
                          <b class="text-warning" data-bind="text: stats_all_time.female_count">{$all_people2}</b>女性
                          <!-- <b class="text-warning" title="用户未设置性别或未关注而无法获取性别" data-bind="text: stats_all_time.new_member_count() - stats_all_time.male_count() - stats_all_time.female_count()">0</b> 未知 --></div></div>
                      <div>
                        <div>
                          <b class="text-warning"></b></div>
                        <div>已付费:
                          <b class="text-warning">
                            <span data-bind="text: stats_all_time.paid_count">{$all_people_ps}</span>(
                            <span data-bind="text: Math.round(stats_all_time.pay_rate() * 100)">{$all_people_ps/$all_people3*100|round=2}</span>%)</b></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="panel panel-default" id="member-daily-stats-panel">
                  <div class="panel-heading">
                    <h3 class="panel-title">
                      <i class="fa fa-calendar"></i>近30天用户统计</h3>
                  </div>
                  <!-- <div class="loading-panel" data-bind="visible: loading" style="display: none;">
                  <i class="fa fa-spinner fa-spin"></i></div> -->
                  <table class="table table-bordered table-striped" data-bind="visible: !loading()" style="">
                    <thead>
                      <tr>
                        <th>日期</th>
                        <th class="text-right">新增用户</th>
                        <th class="text-right">游客</th>
                        <th class="text-right">普通用户</th>
                        <th class="text-right">微信</th>
                        <th class="text-right">已付费</th>
                        <th class="text-right">男性</th>
                        <th class="text-right">女性</th></tr>
                    </thead>
                    <tbody data-bind="foreach: stats">
                      <volist name="arr" id="vr">
                        <tr>
                          <td>
                            <span data-bind="date: date">{$vr.stime}</span></td>
                          <td class="text-right">
                            <span data-bind="text: new_member_count">{$vr.join_people}</span></td>
                          <td class="text-right">
                            <span data-bind="text: subscribed_count">{$vr.join_gz}</span></td>
                          <td class="text-right">
                            <span data-bind="text: subscribed_count">{$vr.join_gz}</span></td>
                          <td class="text-right">
                            <span data-bind="text: subscribed_count">{$vr.join_gz}</span></td>
                          <td class="text-right">
                            <span data-bind="text: paid_count">{$vr.join_ps}</span></td>
                          <td class="text-right">
                            <span data-bind="text: male_count">{$vr.join_man}</span></td>
                          <td class="text-right">
                            <span data-bind="text: female_count">{$vr.join_woman}</span></td>
                        </tr>
                      </volist>
                    </tbody>
                  </table>
                </div>
                <!-- PAGE CONTENT ENDS --></div>
              <!-- /.col --></div>
            <!-- /.row --></div>
          <!-- /.page-content-area --></div>
        <!-- /.page-content --></div>
      <!-- /.main-content --></div>
    <!-- /.main-container -->
    <script src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.webui-popover.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.ui.widget.min.js"></script>
    <script src="__PUBLIC__/admin/js/jquery.fileupload.min.js"></script>
    <!-- page specific plugin scripts -->
    <!-- ace scripts -->
    <script src="__PUBLIC__/admin/js/ace-elements.min.js"></script>
    <script src="__PUBLIC__/admin/js/ace.min.js"></script>
    <!-- inline scripts related to this page -->
    <!-- the following scripts are used in demo only for onpage help and you don't need them -->
    <!-- <script type="text/javascript"> ace.vars['base'] = 'http://novel.818tu.com/static'; </script> -->
    <script src="__PUBLIC__/admin/js/elements.onpage-help.js"></script>
    <script src="__PUBLIC__/admin/js/ace.onpage-help.js"></script>
  </body>

</html>